/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
	font-family: "PingFang SC";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{vertical-align: middle;}
a{text-decoration: none;color: #333;}
a,a:link,a:visited,a:hover,a:active,button{
    text-decoration: none;
    vertical-align: middle;
	outline: none;
}
a:hover{color: #0e4d8c;}
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both;}
.clearfix { zoom: 1; }
body{
	font-family: "Microsoft Yahei","PingFang SC";
	background: #f5f7fa;
	font-size: 14px;
	color: #333;
}
.hidden{overflow: hidden;}
.center{text-align: center;}
.auto{margin:0 auto;}
.bgcolor-white{background: #fff;}
.container {max-width: 1200px;margin:0 auto;box-sizing: border-box;display: block;}
.row:after {content: '';display: block;clear: both;}
.img-wrap img{width: 100%;height: 100%;}
#phone-menu {width: 30px;height: 20px;float: right;margin: 20px 10px;background: url(../images/icon/icon-menu.png) no-repeat center;display: none;background-size: 100% 100%;}
.header{height:70px;background: #fff;position: fixed;top:0;left:0;right:0;z-index: 999;border-bottom: 1px solid #e6e6e6;}
.header .logo{float: left;margin-top: 14px;width: 150px;height: 42px;background: url(../images/logo/logo.png) left center no-repeat;}
.header .nav{float: right;margin-top: 22px;}
.header .nav>li{float:left;margin-left:38px;font-size: 16px;position: relative;}
.header .nav>li>a{padding-bottom:9px;color: #4c4b4b;}
.header .nav>li>a:hover,.header .nav>li>a.active{color: #0e4d8c;border-bottom:3px solid #0e4d8c;}
.footer{padding:20px 0 18px;background:#1f2327;text-align: center;color: #fff;}
.footer .nav{line-height:32px;}
.footer .nav>a{color: #fff;padding:0 8px;}
.footer .copyright{line-height: 30px;}

.list-info{padding:24px 20px 0;color: #0e4d8c;}
.list-info span{padding:1px 0 1px 24px;float:left;line-height:32px;margin-right:18px;background:url(../images/icon/icon-location.png) left center no-repeat;}
.list-info span.time{padding:1px 0 1px 28px; background:url(../images/icon/icon-time.png) left center no-repeat;}
.list-info span.status{padding:1px 0 1px 0;margin-right:0;display: inline-block;width: 70px;line-height: 30px;background: #ccc;color: #fff;text-align: center;}
.list-info span.status.active{background: #0e4d8c;}
.section-main-nav{background: #fff;height:80px;margin-bottom:5px;box-shadow: 0px 3px 7px 0px rgba(85, 85, 85, 0.34);}
.section-main-nav .container{padding:0 15px;}
.section-main-nav.nopad .container{padding:0;}
.section-main-nav a{float: left;padding:25px 0;line-height:30px;width:calc((100% - 30px)/7);text-align: center;font-size: 20px;border-left:1px solid #dcdcdc;color:#333;box-sizing: border-box;}
.section-main-nav a:hover,.section-main-nav a.active{color:#0e4d8c;}
.section-main-nav a:last-child{border-right:1px solid #dcdcdc;}
.section-main-nav.multi-Line a{padding:10px 0;}

.section-title{float:left;margin:40px 0 20px;line-height: 26px;border-left:4px solid #0e4d8c;padding-left:17px;font-size: 24px;color: #333;}
.section-title>span{font-size: 18px;color: #999;padding-left: 13px;}

.pagination{text-align: center;padding:52px 0;}
.pagination>a{display:inline-block;width:28px;height: 28px;line-height:28px;border:1px solid #9c9c9c;background: #fff;border-radius: 3px;font-size: 12px;color: #333;box-sizing: border-box;}
.pagination>a.up,.pagination>a.up:hover,
.pagination>a.next,.pagination>a.next:hover{background:#fff url(../images/icon/arrow-up.png) center center no-repeat;font-size: 0;background-size: 10px 7px;}
.pagination>a.next,.pagination>a.next:hover{background:#fff url(../images/icon/arrow-next.png) center center no-repeat;}
.pagination>a:hover,.pagination>a.active{background: #0e4d8c;border:1px solid #0e4d8c;color: #fff;}
@media screen and (max-width: 750px){
	#phone-menu {display: block;}
    .header .nav{display: none;}
	.header{background:rgba(0,0,0,.9);border-bottom: 0;}
	.header .logo{background: url(../images/logo/logo-moblie.png) left center no-repeat;}
    .header .nav>li{margin-bottom:30px;width:100%;text-align: center;margin-left: 0;}
	.header .nav>li>a{color: #fff;}
	.header .nav>li>a.active{color: #1677d9;border-bottom:3px solid #1677d9;}
	
	.nav.phone {color: #fff !important; display: block; width: 100%;height: 100%;top: 0;left: 0;z-index: 999999;position: fixed;background-color: #1f2024;padding-top: 150px;margin-top: 0;}
	.footer .copyright{display: none;}
	.container {padding:0 10px;}
	.section-main-nav a{width: 25%;font-size: 16px;}
	.list-info span{margin-right: 4px;padding: 1px 0 1px 18px;}
	.list-info span.status{width:54px;vertical-align: middle;}
	.section-title{margin: 40px 0 22px;}
	.section-main-nav .container{padding:0;display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;}
	.section-main-nav .container::-webkit-scrollbar{display: none;}
	.section-main-nav a{display:block;float: inherit;width:100px;}
		
}
@media screen and (min-width: 750px) and (max-width:1200px){
	.header .nav>li{margin-left: 12px;}
	.container{padding:0 10px;}
      
}

.slide-box{
	margin-top: 200px;
	display: -webkit-box;
	overflow-x: scroll;
	-webkit-overflow-scrolling:touch;
}
.slide-item{
	width: 200px;
	height: 200px;
	border:1px solid #ccc;
	margin-right: 30px;
}
.slide-box::-webkit-scrollbar{display: none;}